{include file="public/header"}
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>领取信息</title>
    <link rel="stylesheet" type="text/css" href="__CSS__/tt.css" />
    <style>
        html,body{
            width:100%;
            height:100%;
            margin:0;
            padding:0;
            background-color: #EEEEEE;
        }
        .color333 {
            font-size: 14px;
            color: #333333;
            font-weight: normal;
        }

        .color999 {
            font-size: 14px;
            color: #999999; font-weight: 500;
            cursor: pointer;
        }

        .content {
            width: 1200px;
            margin-bottom:49px;
            background-color: #fff;
            border-radius: 3px;
        }

        .base {
            width: 100%;
            height: 42px;
            line-height: 42px;
            text-align: center;
        }

        .base>div:first-child {
            float: left;
            width: 92px;
            height: 42px;
            /*border-top: 3px solid #0065F0;*/
            border-right: 1px solid #F4F4F4;
            border-bottom: 1px solid #F4F4F4;
            box-sizing: border-box;
            position: relative;
            line-height: 40px;
            border-radius: 3px;
        }

        .base>div:nth-child(2) {
            float: left;
            width: 92px;
            height: 42px;
            text-align: left;
            box-sizing: border-box;
            border-right: 1px solid #F4F4F4;

        }
        .base>div:nth-child(3) {
            float: left;
            width: 1016px;
            height: 42px;
            box-sizing: border-box;
            border-bottom: 1px solid #F4F4F4;
        }
        .ling {
            width: 92px;
            height: 100%;
            text-align: center;
            font-size: 14px;
            color: #333;
            font-weight: 600;
            line-height: 36px;
            border-top: 3px solid #0065F0;
            box-sizing: border-box;
        }

        .container{
            padding-top:30px;
            padding-bottom:94px;
        }
        .box{
            width:1200px;
            height:auto;
            margin: 0 auto;
            padding-bottom:30px;
            background-color:#FFFFFF;
        }
        .flex-wrap{
            display: -webkit-box;
            display:box;
            display: -webkit-flex;
            display: flex;
        }
        .flex-con{
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
        }
        table{
            width:100%;
            padding-left:27px;
            padding-right:33px;
            text-align:left;
            border-spacing:0;
            color:#666666;
            font-size:12px;
        }
        th{
            height:50px;
            line-height:50px;
            background-color:#F7F7F7;
        }
        th:nth-child(1){
            padding-left:30px;
        }
        td{
            height:50px;
            line-height:50px;
            border-bottom:1px solid #E9E9E9;
        }
        .avatar{
            width:32px;
            height:32px;
            border-radius:50%;
            margin-right:10px;
            vertical-align:middle;
        }
        td:nth-child(1){
            padding-left:30px;
        }
        td:nth-child(6){
            color:#0065F0;
        }
        .pagination{
            height:28px;
            line-height:28px;
            margin-top:30px;
            padding-right:33px;
            color:#999;
            font-size:12px;
        }
        .pagination div{
            margin-left:5px;
            margin-right:5px;
        }
        .pagination div:nth-child(2){
            margin-right:15px;
        }
        .pagination div:nth-child(6){
            color:#282828;
        }
        .pagination div:nth-child(8){
            margin-left:15px;
        }
        .borderr{
            height:28px;
            width:28px;
            text-align:center;
            border-radius:2px;
            border:1px solid #F2F2F2;
        }
        .border_active{
            color:#FFFFFF;
            font-size:12px;
            background-color:#0065F0;
            height:28px;
            width:28px;
            text-align:center;
            border-radius:2px;
        }
    </style>
</head>
<body>
<div class="tt_top3">

    <div class="tt_top33">任务管理 > 详情</div>

</div>
<div class="container">
    <div class="box">
        <div class="content">
            <div class="base">
                <div class="color999" onclick="location.href = '/shop/Task/baseMessage?task_id='+{$task_id};">基本信息</div>
                <div>
                    <div class="ling">领取信息</div>
                </div>
                <div></div>
            </div>
        </div>
        <div class="box1">
            <table>
                <tr>
                    <th>序号</th>
                    <th>任务分类</th>
                    <th>任务编号</th>
                    <th>领取用户</th>
                    {if $tt.task_type == 6}
                    <th>已完成次数/需完成次数</th>
                        {if $tt.task_share_type == 1}
                        <th>分享次数/曝光率</th>
                        {else /}
                        <th>点击次数/到达率</th>
                        {/if}
                    {/if}
                    <th>领取时间</th>
                    <th>提交时间</th>
                    <th>操作</th>
                </tr>
                {if condition="!$data->isEmpty()"}
                {foreach name="data" item="vo"}
                <tr>
                    <td>{:xuHao($key,$pages)}</td>
                    <td>{$vo.tu_number?:''}</td>
                    <td>
                        {if $vo.tu_task_active==1}普通任务{/if}
                        {if $vo.tu_task_active==2}活动任务{/if}
                        {if $vo.tu_task_active==3}达人任务{/if}
                    </td>
                    <td><img src="{$vo.user_image?:''}" class="avatar" />{$vo.user_username?:''}</td>
                    {if $tt.task_type == 6}
                    {if $tt.task_share_type == 1}
                    <td>{$vo.tu_share_b_num}/{$tt.task_share_b_num}</td>
                    {else /}
                    <td>{$vo.tu_share_fen}/{$alls}</td>
                    {/if}

                    <td>{$vo.tu_share_b_num}</td>
                    {/if}
                    <td>{$vo.tu_receive_time?:''}</td>
                    <td>{$vo.tu_submit_time?:''}</td>
                    <td style="cursor: pointer;" onclick="location.href = '/shop/Task/receiveDetail?tu_id='+{$vo.tu_id};">详情</td>
                </tr>
                {/foreach}
                {else/}
                <tr>
                    <td colspan="13" style="text-align: center;">暂无数据 ！</span></td>
                </tr>
                {/if}
            </table>
        </div>
        <ul class="pagination flex-con" style="display: flex;justify-content: flex-end;">
            {$data->render()}
        </ul>
    </div>
</div>
</body>
{include file="public/footer"}
<script>

</script>